<!DOCTYPE html>
<html>
<%@page pageEncoding="UTF-8" %>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>order</title>

		<!--导入css连接-->
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />

		<link rel="stylesheet" type="text/css" href="../css/style.css" />

		<!--导入js连接-->
		<script src="../js/jquery-2.1.1.js"></script>

		<script src="../js/bootstrap.min.js"></script>

	</head>

	<body>

		<!--顶部-->
		<nav id="top" class="collapse navbar-collapse">
			<div class="container">
				<div class="row">
					<div class="col-xs-6">
						<ul class="top-link" style="float: left;">
							<li>
								<a href="index.jsp">首页</a>
							</li>
							<li>
								<a href="#">华为官网</a>
							</li>
							<li>
								<a href="#">荣耀官网</a>
							</li>
							<li>
								<a href="#">花粉俱乐部</a>
							</li>
							<li>
								<a href="goods.jsp">购物商城</a>
							</li>
							<li>
								<a href="category.jsp">更多精彩</a>
							</li>
						</ul>
					</div>
					<div class="col-xs-6">
						<ul class="top-link">
							<li>
								<a href="#">用户信息</a>
							</li>
							<li>
								<a href="order.jsp">我的订单</a>
							</li>
							<li>
								<a href="#">客户服务</a>
							</li>
							<li>
								<a href="#">网站导航</a>
							</li>
							<li>
								<a href="cart.jsp">购物车</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</nav>

		<!--导航-->
		<nav id="menu" class="navbar">
			<div class="container">
				<div class="navbar-header"><span id="heading" class="visible-xs">展示</span>
					<button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
				</div>
				<div class="collapse navbar-collapse navbar-ex1-collapse">
					<ul class="nav navbar-nav">
						<li>
							<a href="goods.jsp">荣耀商城</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">手机</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">笔记本&平板</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">智能穿戴&VR</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">智能家居&智慧屏</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">热销配件</a>
						</li>

					</ul>
				</div>
			</div>
		</nav>

		<div id="page-content" class="single-page">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<ul class="breadcrumb">
							<li>
								<a href="index.jsp">首页</a>
							</li>
							<li>
								<a href="goods.jsp">我的商城</a>
							</li>
							<li>
								<a href="order.jsp">我的订单</a>
							</li>
						</ul>
					</div>
				</div>

				<div id="sidebar" class="col-md-2">
					<div class="widget wid-categories">
						<div class="heading">
							<h4>我的商城</h4>
						</div>
						<div class="content">
							<ul>
								<li>
									<a href="#" style="color:red;">我的消息</a>
								</li>
								<li>
									<a href="#">消息中心</a>
								</li>
								<li>
									<a href="#">活动推送</a>
								</li>
							</ul>
						</div>

						<div class="content">
							<ul>
								<li>
									<a href="#" style="color:red;">订单中心</a>
								</li>
								<li>
									<a href="#">我的订单</a>
								</li>
								<li>
									<a href="#">退款信息</a>
								</li>
								<li>
									<a href="#">回收单</a>
								</li>
								<li>
									<a href="#">商品评价</a>
								</li>
							</ul>
						</div>

						<div class="content">
							<ul>
								<li>
									<a href="#" style="color:red;">购买支持</a>
								</li>
								<li>
									<a href="#">收货地址</a>
								</li>
								<li>
									<a href="#">实名认证</a>
								</li>
								<li>
									<a href="#">我的预约</a>
								</li>
								<li>
									<a href="#">到货通知</a>
								</li>
							</ul>
						</div>

					</div>
				</div>

				<!--订单信息-->
				<div class="col-md-10">
					<h3>我的订单</h3>
					<hr />

					<div class="products">
						<div class="col-lg-12 col-md-12 col-xs-12" style="text-align: left">

							<button type="button" class="btn btn-default">全部订单</button>
							<button type="button" class="btn btn-default">待支付</button>
							<button type="button" class="btn btn-default">已支付</button>
							<button type="button" class="btn btn-default">待评价</button>

						</div>

						<hr class="col-xs-12"/>

						<!--商品展示-->

						<div class="col-lg-12 col-md-12 col-xs-12 " style="margin-top: 10px;padding-top:10px;border: 1px solid #888888; border-radius:5px ">
							<div class="col-xs-3 col-sm-2" style="text-align: left">
								<img src="../img/shopcat1.png" />
							</div>
							<div class="col-xs-5 col-sm-6">
								<div  style="text-align: left;margin: auto 0;">
									<span href="#" >华为畅享10全网通版</span>
								</div>

							</div>
							<div class="col-xs-4" style=" text-align: right">
								<p>1399.00</p>
								<span>x1</span>
							</div>
							<hr class="col-xs-12" style="padding: 0px;"/>
							<p class="col-xs-12" style="text-align: right">实付金额：<strong>1399.00</strong>元</p>
							<p class="col-xs-12" style="text-align: right"><button class="btn btn-default">删除订单</button></p>


						</div>

						

						
						

					</div>
				</div>

			</div>
		</div>
		
		
		<!--脚步-->
		<footer>
			<div class="container">
				<div class="wrap-footer">
					<div class="row">

						<div class="col-md-3 col-footer footer-1">
							<div class="heading">
								<h4>关于荣耀</h4></div>
							<ul>
								<li>
									<a href="#">荣耀锐影像</a>
								</li>
								<li>
									<a href="#">荣耀大事记</a>
								</li>
								<li>
									<a href="#">荣耀人物</a>
								</li>
								<li>
									<a href="#">品牌问题</a>
								</li>
								<li>
									<a href="#">新闻中心</a>
								</li>
							</ul>
						</div>
						<div class="col-md-3 col-footer footer-2">
							<div class="heading">
								<h4>产品</h4></div>
							<ul>
								<li>
									<a href="#">手机</a>
								</li>
								<li>
									<a href="#">荣耀智慧屏</a>
								</li>
								<li>
									<a href="#">笔记本&平板</a>
								</li>
								<li>
									<a href="#">穿戴设备</a>
								</li>
								<li>
									<a href="#">智能家庭</a>
								</li>
								<li>
									<a href="#">配件</a>
								</li>
							</ul>
						</div>
						<div class="col-md-3 col-footer footer-3">
							<div class="heading">
								<h4>快速链接</h4></div>
							<ul>
								<li>
									<a href="#">物料下载</a>
								</li>
								<li>
									<a href="#">移动端官网</a>
								</li>
								<li>
									<a href="#">华为商城</a>
								</li>
								<li>
									<a href="#">华为开发者联盟</a>
								</li>
								<li>
									<a href="#">华为云</a>
								</li>
							</ul>
						</div>

						<div class="col-md-3 col-footer footer-4">
							<div class="heading">
								<h4>联系我们</h4></div>
							<ul>
								<li><span class="glyphicon glyphicon-home"></span>California, United States 3000009</li>
								<li><span class="glyphicon glyphicon-earphone"></span>950800</li>
								<li><span class="glyphicon glyphicon-envelope"></span>infor@yoursite.com</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<div class="copyright">
				<div class="container">
					<div class="row">

						<span>法律声明  |   隐私声明  |   免责条款  |   关于cookies</span><br />
						<span>Copyright © 2011-2019 华为终端有限公司 版权所有 保留一切权利  |  苏公网安备 32011402010006号 粤ICP备19015064号</span>

					</div>
				</div>
			</div>
		</footer>
		

	</body>

</html>